import React,{useState} from 'react'
import { Badge, TabBar,NavBar, Space, Toast, Button ,Popup } from 'antd-mobile'
import {useNavigate,Outlet} from 'react-router-dom'
import img from '../../images/222.png'
function Index() {
      let navigate=useNavigate()
        const [visible1, setVisible1] = useState(false)
    return (
        <div>
            <NavBar backIcon={false} right={<Button onClick={() => navigate('/login')}>登录</Button>}>首页</NavBar>
          <Button onClick={() => setVisible1(true)}>登录</Button>
          <Popup
              visible={visible1}
              onMaskClick={() => {
                setVisible1(false)
              }}
              onClose={() => {
                setVisible1(false)
              }}
              
            >
                    <div style={{textAlign:'center'}}>
            <img src={img}  alt="" style={{marginTop:'40px'}}/>
            </div>
            
            </Popup>
        </div>
    )
}

export default Index
